<template>
  <div class="zuo">
    <van-nav-bar class="ding" title="什么情况下无法发布订单" @click-left="goBack()" left-text="" left-arrow />
    <div class="privacy-content">
      <p v-for="(item, index) in privacyContent" :key="index">
        {{ item }}
      </p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      privacyContent: [
        "尊敬的用户，您好！，很抱歉给您带来不便",
        "一、网络问题",
        "哎呀，当前网络不太给力呀，无法连接到服务器呢，所以暂时没办法发布订单啦。请您检查一下网络设置，确保网络畅通后再试试哦~\n" +
        "网络出现故障啦，就像道路堵住了一样，您的订单发布不出去呢。您可以切换一下网络（如从 Wi-Fi 切换到移动数据，或者反之），等网络恢复正常了，就能顺利下单啦。",
        "二、定位未开启或者不准确的情况",
        "您当前的位置定位不太准确哦，这可能会导致订单出现偏差呢。您不妨到开阔一点的地方，或者重新校准一下定位，等定位准确了，再发布订单哈。",
        "三、服务不可用",
        "目前您所在的区域暂时没有可用的出行服务呢，就像货架上没货了一样，所以订单发布不了哦。您可以换个区域试试，或者稍等一会儿，说不定很快就有车啦。",
        "四、其他系统繁忙或未知原因",
        "这会儿系统有点忙不过来啦，正“手忙脚乱”地处理各种事儿呢，您的订单暂时发不出去哦。您稍等片刻再试试呀，给它点时间缓一缓就好啦。",
      ]
    };
  },
  methods: {
    goBack(){
      this.$router.go(-1);
    }
  },
  created() {},
};
</script>

<style scoped>
.zuo {
  text-align: left;
  margin-top: 20px;
  margin-left: 20px;
  width: 92%;
}
.privacy-agreement-page {
  padding: 10px;
}
.privacy-content {
  margin-top: 20px;
  font-size: 18px;
}
.privacy-content p {
  line-height: 1.8;
}
.ding{
  font-size: 18px;
}
</style>
